<!DOCTYPE html>
<html>
<head>
    <title>Paginationjs example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="./page/pageination.css" rel="stylesheet" type="text/css">
    <script src="../js/jquery.min.js"></script>
    <script src="./page/pagination.js"></script>
</head>
<body>

<div id="wrapper">
    <section>
        <div class="data-container"></div>
        <div id="Pagination"></div>
    </section>
</div>

<script>
    $(function () {
        function pageselectCallback(page_id, jq) {
            //alert(page_id); 回调函数，进一步使用请参阅说明文档
        }
        $("#Pagination").pagination(20, {
            callback: pageselectCallback,//PageCallback() 为翻页调用次函数。
            prev_text: " 上一页",
            next_text: "下一页 ",
            items_per_page:5, //每页的数据个数
            num_display_entries: 3, //两侧首尾分页条目数
            current_page: 1,   //当前页码
            num_edge_entries: 2, //连续分页主体部分分页条目数
            link_to:"?page=__id__"
            });
        });
</script>
</body>
</html>